<template>
	 <!-- 新增地址待改 -->
	  <view id="new_site">
	    <!-- 身 -->
	    <view class="new_site_main">
	      <!-- 收货详情信息 -->
	      <view class="details_goods">
	        <view class="message">
	          <input placeholder="收货人" placeholder-style="color:#999;" />
	        </view>
	        <view class="message">
	          <input placeholder="手机号码" placeholder-style="color:#999;" />
	        </view>
	        <view class="message details_goods_region">
	          <text>所在地区</text>
	          <van-icon name="arrow" />
	        </view>
	        <!-- 详细地址 -->
	        <view class="message detailed_address">
	          <textarea
	            placeholder="详细地址：如道路、门牌号、小区、楼栋号、 单元室等"
	            placeholder-style="color:#999;"
	          ></textarea>
	        </view>
	        <view class="message default">
	          <text>设置为默认地址</text>
	          <van-switch
	            checked=" checked "
	            active-color="#07c160"
	            inactive-color="#fff"
	            size="24px"
	            @change="switchChange"
	          />
	        </view>
	      </view>
	      <!-- 所在地区 -->
	      <view class="map" style="display: none;"> </view>
	    </view>
	    <!-- 脚 -->
	    <view class="new_site_footer">
	      <view>保存</view>
	    </view>
	  </view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
#new_site {
  display: flex;
  flex-direction: column;
  height: 100%;
  // 身
  .new_site_main {
    flex: 1;
    overflow-y: scroll;
    // 收货详情
    .details_goods {
      .message {
        height: 80rpx;
        line-height: 80rpx;
        background: #fff;
        border-bottom: 2rpx solid #e5e3e5;
        color: #999;
        input {
          padding: 18rpx 20rpx;
        }
      }
      // 所在地区
      .details_goods_region {
        display: flex;
        justify-content: space-between;
        padding: 0 20rpx;
        van-icon {
          vertical-align: middle;
        }
      }
      // 详细地址
      .detailed_address {
        height: 240rpx;
        margin-bottom: 20rpx;
        textarea {
          height: 100%;
          width: 100%;
          padding: 18rpx 20rpx;
          box-sizing: border-box;
        }
      }
      // 设置默认
      .default {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20rpx;
        van-switch {
          width: 102rpx;
          height: 62rpx;
          padding-top: 12rpx;
        }
      }
    }
  }
  // 脚
  .new_site_footer {
    padding: 40rpx 20rpx;
    view {
      height: 80rpx;
      text-align: center;
      line-height: 80rpx;
      font-size: 40rpx;
      font-weight: bold;
      color: #fff;
      background: linear-gradient(
        135deg,
        rgba(40, 200, 78, 1) 0%,
        rgba(15, 212, 29, 1) 100%
      );
    }
  }
}
</style>
